<?php get_backend_header(array(
	'jquery/validate/jquery.validate.js',
        'jquery/validate/additional-methods.js',
	'group.js',
), array(
	'jquery/ui.jqgrid.css'
)); ?>

<h2 class="title"><?php echo $group_name  ?> - Group Setting</h2>


<?php get_group_sidebar($group_id); ?>

<div id ="content" >
    <form id="group_form" name="group_form" class="form" style ="width: auto">
            <input type="hidden" id="group_id" name="group_id" value="<?php echo $group_id; ?>" />
                <div class="unit">
                    <div class="line">
                            <label for="" class="bold">Group name:</label>
                            <div class="field" style="height:auto">
                              <?php echo $group_name; ?>
                            </div>
                    </div>

                    <div class="line">
                            <label for="" class="bold">Group password:</label>
                            <div class="field" style="height:auto">
                              <input type="text" name="group_password" id="group_password" value="<?php echo $password;?>"/>
                            </div>
                    </div>
                </div>
            <div class ="clear"></div>

            <div class="buttons">
                    <button id="save" name="save">Save</button>
            </div>
    </form>
</div>


<script type="text/javascript">
        groupSettingRules();
        
	$('#save').button({
		icons: {primary: 'ui-icon-disk'}
	}).click(function(e) {
		$(this).removeClass('ui-state-focus');
		$('#group_form').submit();
		e.preventDefault();
	});

</script>

<?php get_backend_footer(); ?>
